@font-face {
  font-family: 'iconfont';  /* project id 586305 */
  src: url('//at.alicdn.com/t/font_586305_3jsyyd19b4mo0f6r.eot');
  src: url('//at.alicdn.com/t/font_586305_3jsyyd19b4mo0f6r.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_586305_3jsyyd19b4mo0f6r.woff') format('woff'),
  url('//at.alicdn.com/t/font_586305_3jsyyd19b4mo0f6r.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_586305_3jsyyd19b4mo0f6r.svg#iconfont') format('svg');
}

html{
  // 1rem = 100px
  font-size: calc(100vw / 3.75);
  font-family: "yahei",Arial,Helvetica,sans-serif;
  background: #F7F7F7;
}
body,h1,h2,h3,h4,h5,h6,ol,ul,dl,dd,p,pre{
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a{
  text-decoration: none;
  text-underline: none;
}
a:focus,
input:focus,
p:focus,
div:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
img{
  vertical-align: middle;
}
.clear:after{
  content: '';
  display: block;
  clear: both;
}
.rf{
  float: right;
}
.lf{
  float: left;
}
*{
  box-sizing: border-box;
}

/**
  颜色配置
*/
@mainColor:   #FF772E;
@mainFontColor: #000;
@subFontColor: #FFFFFF;
@articleFontColor: #525252;
@tabFontColor: #A6A6A6;
@borderColor: #eaeaea;

/**
  字号配置
*/
@BFontSize: .18rem;
@MFontSize: .15rem;
@SFontSize: .10rem;

/**
  层次配置
*/
@BZIndex: 300;
@MZIndex: 200;
@SZIndex: 100;

/**
  基础配置
*/
@border: 1px solid @borderColor;

.container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.iconFont{
  font-family: 'iconfont';
  font-size: .2rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.main-wrapper{
  width: 100vw;
  padding-bottom: .6rem;
  position: relative;
}
.wrapper{
  width: 100%;
}



/*===header===*/
#header{
  width: 100vw;
  background: @mainColor;
  color: #ffffff;
  font-size: @MFontSize;
  padding: .08rem .1rem;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #d2d2d2;
  z-index: @BZIndex;
}

/*==用户信息模块样式==*/
.logo{
  margin-right: .2rem;
  img{
    display: block;
  }
}
.userInfo-box{
  font-size: 0.16rem;
  color: @subFontColor;
  //padding-top: .14rem;
  margin-right: .2rem;
}

/*==头部固定模块样式==*/
.head-fix-box{
  position: fixed;
  top: .38rem;
  left: 0;

  width: 100vw;
  background: @mainColor;
  padding: .2rem .4rem;
  justify-content: left;
}











